<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="https://cdn.staticfile.org/ionic/1.3.2/css/ionic.css" rel="stylesheet">
    <link href="/resources/css/common/common.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    <script src="/resources/js/main/login.js"></script>
</head>
<body ng-app="jie">

<ion-header-bar>
    <div class="row app-header">
        <div class="col-33 text-left">
            <span>首页</span>
        </div>

        <div class="col-33 text-center">
            <span>绿色家园</span>
        </div>

        <div class="col-33 text-right">
            <span>注册</span>
        </div>
    </div>
</ion-header-bar>

<ion-content>
    <form name="loginForm" class="list" method="post" novalidate ng-submit="submit()" onsubmit="return false" ng-controller="LoginController">
        <label class="item item-input">
            <span class="input-label">昵称</span>
            <input type="text" name="nickName" placeholder="昵称" ng-model="nickName" ng-maxlength="10" required>
            <span style="color: red" ng-show="loginForm.nickName.$dirty && loginForm.nickName.$invalid">
               <span ng-show="registerForm.nickName.$error.required">必填</span>
            </span>
        </label>


        <label class="item item-input">
            <span class="input-label">密码</span>
            <input type="password" name="password" placeholder="******" required ng-model="password" >
            <span style="color: red" ng-show="loginForm.password.$dirty && loginForm.password.$invalid">
               <span ng-show="registerForm.password.$error.required">必填</span>
           </span>
        </label>

        <div class="text-center">
            <button type="submit" class="button button-calm" style="width: 90%; margin: 20px auto;"
                    ng-disabled="loginForm.nickName.$invalid || registerForm.password.$invalid">登录
            </button>
        </div>

    </form>

</ion-content>

</body>

</html>